<form id="testemunhas">                           
    <div id="testemunhas">
        <h3>Informações da testemunha</h3><br /><br />
        <li id="colEsq">
            <p><b>Dados pessoais</b></p>
            <p>
                <label for="nome"><span class="obrigatorio">*</span>Nome</label>
                <input id = "nome" name="name" type="text" class="required big "title="Digite aqui o Nome da Testemunha" />
            </p>
            <p>
                <label><span class="obrigatorio">*</span>UF</label>
                <?php echo $this->formSelect('id_uf_5', null, 
                							array('class' => 'required big',
                							'title' => 'Selecione aqui a UF da Testemunha'), 
                							$this->ufs); ?>
            </p>
            <p>
                <label><span class="obrigatorio">*</span>Cidade</label>
                <select id="id_cidade_5" name="id_cidade_5" class="required big" disabled="disabled" title="Selecione aqui a cidade da Testemunha"></select>
            </p>
            <p>
                <label><span class="obrigatorio">*</span>Bairro</label>
                <input name="ds_bairro" type="text" class="required medium"title="Digite aqui o Bairro da Testemunha" />
            </p>
            <p>
                <label><span class="obrigatorio">*</span>CEP</label>
                <input name="nu_cep" type="text" class="required medium" alt="cep" title="Digite aqui o CEP da Testemunha" />
            </p>
            <p>
                <label><span class="obrigatorio">*</span>Telefone</label>
                <input name="nu_telefone_residencial" type="text" class="required medium" alt="phone" title="Digite aqui o Telefone da Parte Contrária" />
            </p>
            <p>
                <label>Celular</label>
                <input name="nu_telefone_celular" type="text" class="small" alt="phone" title="Digite aqui o Telefone Celular" value="<?php echo isset($this->dados['nu_telefone_celular_1']) ? $this->dados['nu_telefone_celular_1'] : null; ?>" />
            </p>
            <p>
                <label><span class="obrigatorio">*</span>RG</label>
                <input name="ds_rg" type="text" class="required medium"title="Digite aqui o RG da Testemunhas" />
            </p>
            <p>
                <label><span class="obrigatorio">*</span>CPF</label>
                <input name="ds_cpf" type="text" class="required medium" alt="cpf" title="Digite aqui o CPF da Testemunhas" />
            </p>
            <div class="clear"></div>
        </li>
        <div class="separador_2"></div>
        <li>
            <p>
                <label><span class="obrigatorio">*</span>Estado cívil</label>
                <?php echo $this->formSelect('estado_civil_2', null, array('class' => 'required small','title' => 'Selecione aqui o Estado Civil da Testemunha'), $this->estadoCivil); ?>
            </p>
            <p>
                <label><span class="obrigatorio">*</span>Profissão</label>
                 <?php echo $this->formSelect('id_profissao', null, array('class' => 'required medium', 'title' => 'Selecione aqui a Profissão da Testemunha'), $this->profissao); ?>
            </p>
            <p>
                <label><span class="obrigatorio">*</span>Nacionalidade</label>
                <?php echo $this->formSelect('id_nacionalidade_p', null, array('class' => 'required small', 'title' => 'Selecione aqui a Nacionalidade da Testemunha'), $this->paises); ?>
            </p>
           <p>
                <label><span class="obrigatorio">*</span>Naturalidade (UF)</label>
                <?php echo $this->formSelect('naturalidade_uf_2',
                                             null,
                                             array('class' => 'required medium',
                                                   'title' => 'Selecione aqui o Estado de Naturalidade da Testemunha'),
                                             $this->ufs); ?><br/>
            </p>
            <p>
                <label><span class="obrigatorio">*</span>Naturalidade (Cidade)</label>
                <select id="naturalidade_2" name="id_naturalidade_2" class="required medium" disabled="disabled" title="Selecione aqui a Naturalidade (Cidade) da Testemunha"></select>
            </p>
            <div class="clear"></div>
        </li>
        <div class="navegacao">
             <input type="button" value="Anterior" class="before"/>
            <input type="submit" value="Salvar informações" />
        </div>
    </div>
</form>
	
<script type="text/javascript">
    var url = '<?php echo $this->baseUrl() ?>';
    $(document).ready(function() {

    	 //TESTEMUNHA
        var naturalidadeUf = "<?php echo isset($this->dados['naturalidade_uf_1']) ? $this->dados['naturalidade_uf_1'] : null; ?>";
        var naturalidade   = "<?php echo isset($this->dados['id_naturalidade']) ? $this->dados['id_naturalidade'] : null; ?>";
        if (naturalidadeUf) {
            $.getJSON(url + "/ajax/get-cidades-por-uf/idUf/"+ naturalidadeUf, null, function(value) {
                var options = '';
                $.each(value, function(index, data) {
                    if (naturalidade && index == naturalidade) {
                        options += '<option value="' + index + '" selected="selected">' + data + '</option>';
                    } else {
                        options += '<option value="' + index + '">' + data + '</option>';
                    }
                });
                $("select#naturalidade_1").removeAttr("disabled");
                $("select#naturalidade_1").html(options);
            });
        }
        $("select#naturalidade_uf_1").change(function() {
            if ($(this).val() != "") {
                $.getJSON(url + "/ajax/get-cidades-por-uf/idUf/"+ $(this).val(), null, function(value) {
                    var options = '';
                    $.each(value, function(index, data) {
                        options += '<option value="' + index + '">' + data + '</option>';
                    });
                    $("select#naturalidade_1").removeAttr("disabled");
                    $("select#naturalidade_1").html(options);
                });
            } else {
                $("select#naturalidade_1").attr("disabled", "disabled");
                $("select#naturalidade_1").html("");
            }
        });
        $("select#naturalidade_uf_2").change(function() {
            if ($(this).val() != "") {
                $.getJSON(url + "/ajax/get-cidades-por-uf/idUf/"+ $(this).val(), null, function(value) {
                    var options = '';
                    $.each(value, function(index, data) {
                        options += '<option value="' + index + '">' + data + '</option>';
                    });
                    $("select#naturalidade_2").removeAttr("disabled");
                    $("select#naturalidade_2").html(options);
                });
            } else {
                $("select#naturalidade_2").attr("disabled", "disabled");
                $("select#naturalidade_2").html("");
            }
        });

        $("select#estado_civil_2").change(function() {
            // casado
            if($(this).val() == 2) {
                $("#casado").css("display", "block");
            } else {
                $("#casado").css("display", "none");
            }
        });

     	// Validate
        jQuery.validator.messages.required = '';
        $("#testemunhas").validate({
            invalidHandler: function(e, validator) {
            var errors = validator.numberOfInvalids();
               if (errors) {
                    var message = errors == 1
                        ? 'Você esqueceu 1 campo de preenchimento obrigatório'
                       : 'Você esqueceu ' + errors + ' campos de preenchimento obrigatório';
                    $("div.error span").html(message);
                    $("div.error").show();
                } else {
                    $("div.error").hide();
                }
            },
            ignoreTitle: true
        });
        
    });
</script>